import { defineStore } from "pinia";
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from "@/api/user";
// 引入数据类型
import type {
  loginForm,
  loginResponseDate,
  userInfoReponseData,
} from "@/api/user/type";
import type { UserDtate } from "./types";

// 引入左侧菜单路由
import { constantRoute } from "@/router/constant.ts";

// 引入事先定义的本地存储读取数据方法
import { SET_TOKEN, GET_TOKEN } from "@/utils/token";

//用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asnycRoute: any, routes: any) {
  return asnycRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        //硅谷333账号:product\trademark\attr\sku
        item.children = filterAsyncRoute(item.children, routes);
      }
      return true;
    }
  });
}
const userStore = defineStore("User", {
  // UserDtate为小仓库定义的类型限制
  state: (): UserDtate => {
    return {
      token: GET_TOKEN(), //唯一标识
      menuRoters: constantRoute, //仓库生成菜单所需的路由
      username: "",
      avatar: "",
      //存储当前用户是否包含某一个按钮
      buttons: [],
    };
  },
  // 异步或者逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginform) {
      // 登录请求
      //loginFormData是在api文件夹下面做出的字符限制
      const result: loginResponseDate = await reqLogin(data);
      // 请求两种可能就是200或者201
      if (result.code == 200) {
        this.token = result.data.token as string;
        // 因为pinia和vuex一样存储数据都是利用的js对象  刷新后会存在数据丢失
        // 所以需要配合本地存储一份   这边也有别的解决方式
        SET_TOKEN(result.data.token);
        return "ok";
      } else {
        return Promise.reject(new Error(result.data.message));
      }
    },
    //获取用户信息方法
    async userInfo() {
      //获取用户信息进行存储仓库当中[用户头像、名字]
      const result: userInfoReponseData = await reqUserInfo();
      //如果获取用户信息成功，存储一下用户信息
      if (result.code == 200) {
        console.log(result, "trsult");

        this.username = result.data.checkUser.name;
        this.avatar = result.data.checkUser.avatar;
        this.buttons = result.data.checkUser.buttons;
        //计算当前用户需要展示的异步路由
        const userAsyncRoute = filterAsyncRoute(
          cloneDeep(asnycRoute),
          result.data.routes,
        );
        //菜单需要的数据整理完毕
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoute];
        //目前路由器管理的只有常量路由:用户计算完毕异步路由、任意路由动态追加
        [...userAsyncRoute, anyRoute].forEach((route: any) => {
          router.addRoute(route);
        });
        return "ok";
      } else {
        return Promise.reject(new Error(result.message));
      }
    },
    //退出登录
    async userLogout() {
      //退出登录请求
      const result: any = await reqLogout();
      if (result.code == 200) {
        //目前没有mock接口:退出登录接口(通知服务器本地用户唯一标识失效)
        this.token = "";
        this.username = "";
        this.avatar = "";
        REMOVE_TOKEN();
        return "ok";
      } else {
        return Promise.reject(new Error(result.message));
      }
    },
  },
  getters: {},
});
export default userStore;
